@mixin fz-m($fontSize: 16px) {
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: $fontSize;
    font-weight: 500;
}
@mixin fz-r($fontSize: 14px) {
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: $fontSize;
    font-weight: 400;
}
.task_detail_title {
    padding-top: 8px;
    > div {
        display: inline-block;

        vertical-align: middle;
        &.task_title {
            color: #33302d;

            line-height: 26px;

            @include fz-m(18px);
        }
        .task_type {
            display: inline-block;

            margin-left: 8px;
            padding: 6px 8px;

            vertical-align: middle;

            color: #ff6b00;
            border: 1px solid #ffc69e;
            border-radius: 2px;
            background-color: #fff1ed;

            line-height: normal;

            @include fz-r(12px);
        }
    }
}
.task_detail_label {
    padding-top: 24px;

    color: #33302d;

    @include fz-m(14px);
    &::before {
        display: inline-block;

        width: 3px;
        height: 14px;
        margin-right: 6px;

        content: '';
        vertical-align: middle;

        background-color: #ff6b00;
    }
    &.table_lable {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        padding-top: 14px;

        text-align: left;
        span {
            flex: 1;
        }
    }
}
.el-descriptions {
    margin-top: 16px;
}
:deep(.el-descriptions__body) {
    .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
        padding-bottom: 16px;
    }
    .el-descriptions__table .el-descriptions__cell {
        line-height: 14px;

        @include fz-r;
    }
}
:deep(.el-descriptions__content:not(.is-bordered-label)) {
    color: #33302d;
}
.task_table {
    margin-top: 15px;
}
.total_num {
    margin-right: 8px;
}
.success_num {
    margin-right: 8px;

    color: #32d1ad;

    @include fz-r;
}
.fail_num {
    margin-right: 8px;

    color: #f14144;

    @include fz-r;
}
.inherit_task {
    margin: 12px 0 -16px;
    padding: 16px;

    color: #696969;
    background-color: #fffaf9;

    line-height: 20px;

    @include fz-r;
}
:deep(.update_info) {
    display: inline-table;

    max-width: 400px;

    line-height: 18px;
}
:deep(.status_point) {
    &::before {
        display: inline-block;

        width: 8px;
        height: 8px;
        margin-right: 8px;

        content: '';

        border-radius: 4px;
        background-color: #d8d8d8;
    }
}
:deep(.status_text) {
    display: inline-block;

    padding: 2px 8px;

    color: #666666;
    background-color: #eaeaea;
}

:deep(.table_total_num),
:deep(.table_sussess_num),
:deep(.table_fail_num) {
    margin-left: 4px;

    color: #33302d;

    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
}
:deep(.table_sussess_num) {
    color: #32d1ad;
}
:deep(.table_fail_num) {
    color: #f14144;
}

:deep(.el-progress.is-warning .el-progress__text) {
    color: #f14144;
}
